<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>表单联动-登录界面</title>
		<script src="js/jquery-1.12.4.js" type="text/javascript">
			
		</script>
	</head>
	
	<body>
		<form action="" method="post">
			Name:<input type="text" disabled />
			<br>
			Password:<input type="password" disabled />
			<br>
			<input type="checkbox" name="chb" id="chb" />
				<label for="chb">我同意本网站的使用条款</label>
			<br>
			<input type="submit" value="提交注册信息" disabled />
		</form>
		
		<script type="text/javascript">
			$(function(){
			//1. 找到checkbox控件元素
				var $chb = $(':checkbox');
			//2. 拿到除了checkbox以外的其他元素
				var $others = $(':input:not(:checkbox)');
			//3. 为checkbox绑定单机事件
				$chb.click(function(){
			//4. 根据checkbox的情况设定其他这些元素的情况
						$others.prop('disabled', !$(this).prop('checked'));
				});
			});
			
			
		</script>
	</body>
</html>
